@media screen and (max-width: 750px) {
    body {
        min-width: 100%;
    }
    .common-header {
        min-width: 100%;
        height: 1rem;
    }
    .common-header .logo {
        width: 1.2rem;
        height: 1rem;
        margin: 0;
        float: left;
    }
    .common-header .logo a {
        background-size: 100%;
        background-position: 0 0;
        margin: 0.3rem 0.1rem;
    }
    .common-header .menu {
        float: right;
        margin-right: 0;
        box-sizing: border-box;
        padding: 0 0.2rem;
    }
    .common-header .menu ul li {
        margin: 0;
        box-sizing: border-box;
        padding: 0 0.1rem;
        float: left;
    }
    .common-header .menu ul li a {
        display: block;
        width: 100%;
        height: 1rem;
        line-height: 1rem;
        font-size: 13px;
        padding: 0 0.1rem;
    }
    .top-bg-line {
        width: 2.6rem;
        height: 2px;
        border: solid 1px #d9b765;
        margin: .2rem auto;
    }
    .index .content .bg {
        height: auto;
    }
    .index .content .bg .text {
        padding: 1rem .5rem 3rem .5rem;
    }
    .index .content .bg .text .title {
        font-size: 18px;
        font-weight: 400;
    }
    .index .content .text p {
        width: 100%;
        font-size: 14px;
        line-height: 1.5;
    }

    .common-footer {
        min-width: 100%;
        height: auto;
    }
    .common-footer .contact {
        width: 100%;
        height: auto;
        box-sizing: border-box;
        padding: 0.2rem;
    }
    .common-footer .contact a {
        width: 100%;
        padding-top: 0.6rem;
    }
    .common-footer .contact a .bottom {
        line-height: 1.2;
        font-size: 12px;
    }
    .common-footer .contact a .icon {
        margin: 10px auto;
    }
    .common-footer .info {
        box-sizing: border-box;
        padding: 0.2rem 0.3rem;
        height: auto;
        line-height: 1.5;
        text-align: center;
    }
    /*关于我们*/
    .aboutus {
        min-width: 100%;
    }
    .center {
        width: 100%;
    }
    .aboutus .content .aboutyoi {
        width: 100%;
        min-width: 100%;
        height: auto;
        padding-top: 0;
    }
    .aboutus .content .aboutyoi .center {
        width: 100%;
    }
    .aboutus .content .aboutyoi .text {
        width: 100%;
        box-sizing: border-box;
        padding: 2rem .5rem;
        background: rgba(18, 25, 39, 0.6);
    }
    .aboutus .content .aboutyoi .title {
        font-size: 18px;
        font-weight: 400;
        padding-top: 0;
    }
    .aboutus .top-bg-line {
        width: 2rem;
    }
    .aboutus .content .aboutyoi .text .brief {
        font-size: 14px;
        line-height: 1.5;
    }
    .aboutus .aboutus-intro {
        font-size: 16px;
        padding-top: 0.5rem;
    }
    .aboutus .div-line {
        /* width: 1327px; */
        height: 2px;
        border: solid 1px #2d3446;
        margin-top: 0.1rem;
    }
    .aboutus .aboutus-item {
        margin: 1rem auto;
    }
    .aboutus .aboutus-item .title {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }
    .aboutus .aboutus-item .intro-line {
        width: 1.4rem;
        height: 1px;
        margin: 0.2rem auto;
    }
    .aboutus .aboutus-item .intro {
        color: #fff;
        font-size: 12px;
        line-height: 20px;
    }
    .aboutus .cards {
        width: 100%;
        margin: 0 auto;
    }
    .aboutus .card {
        width: 50%;
        margin: 0 auto;
        margin-bottom: 30px;
        float: none;
    }
    .aboutus .card img {
        width: 100%;
    }
    .aboutus .card:nth-child(2) {
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .aboutus .card p {
        font-size: 12px;
        line-height: 20px;
    }
    /* 团队 */
    .team .content .ourteam {
        width: 100%;
        min-width: 100%;
        height: auto;
        padding-top: 0;
    }
    .team .content .ourteam .title {
        font-weight: 400;
        color: #fff;
        font-size: 18px;
        padding-top: 0;
    }
    .team .content .ourteam .center {
        width: 100%;
    }
    .team .content .ourteam .text {
        width: 100%;
        box-sizing: border-box;
        padding: 2rem .5rem;
    }
    .team .content .ourteam .title {
        font-size: 18px;
        font-weight: 400;
    }
    .team .top-bg-line {
        width: 1rem;
    }
    .team .content .ourteam .text .brief {
        width: 100%;
        font-size: 14px;
        word-wrap: break-word;
        line-height: 1.5;
    }
    .team .members {
        padding-top: 2rem;
    }
    .team .photo {
        width: 50%;
    }
    .team .photo .info p {
        margin: .1rem;
    }
    .team .photo .name {
        font-weight: 400;
        font-size: .3rem;
    }
    .team .photo .pos {
        font-size: .2rem;
    }
    .team .photo .mask {
        overflow-y: scroll;
    }
    .team .mask .title {
        font-size: .3rem;
        font-weight: 400;
        margin: .1rem auto;
        margin-left: .2rem;
    }
    .team .mask .title span {
        font-size: 12px;
        margin-left: .2rem;
    }
    .team .mask .part p {
        font-size: 11px;
        line-height: .3rem;
        word-wrap: break-word;
        padding: 0 .2rem;
    }
    .team .mask i {
        width: 4px;
        height: 4px;
        border-radius: 2px;
        margin: .1rem .05rem;
    }
    /*产品  */
    .products .content .bg {
        min-width: 100%;
        height: auto;
    }
    .products .content .bg .title {
        color: #d9b765;
        font-size: 18px;
        font-weight: 400;
        padding-top: 0;
    }
    .products .content .center {
        width: 95%;
    }
    .products .content .text {
        box-sizing: border-box;
        padding: 2rem .5rem;
    }
    .products .content .bg .brief {
        width: 100%;
        font-size: 14px;
        word-wrap: break-word;
        line-height: 1.5;
    }
    .products .server {
        height: 245px;
    }
    .products .server .card {
        width: 100%;
        top: 0rem;
        right: 0;
        left: 0;
        padding: 10% 8%;
    }
    .products .server .card .title {
        font-size: 14px;
        line-height: 2;
        /* text-align: center; */
    }
    .products .server .card .line {
        width: 2rem;
        height: 1px;
        border: solid 1px #d9b765;
        margin-top: 10px;
        margin-bottom: 10px;
    }

.products .server .card .brief {
    font-size: 12px;
    line-height: 2;
    /* text-align: center; */
}
.products .system .inner {
    padding: 10% 8%;
}
.products .system .card {
    /* text-align: center; */
    width: 100%;
    /* margin: 0 auto; */
    /* padding: 10% 8%; */
    float: none
}
.products .system .card .title {
    /* padding-top: .5rem; */
    font-size: 14px;
    line-height: 2;
}

.products .system .card .line {
    width: 1.8rem;
    height: 1px;
    border: solid 1px #d9b765;
    margin: 10px 0;
}

.products .system .card .brief {
    font-size: 12px;
    line-height: 2;
    text-indent: 2em;
}
.products .system .icon {
    width: 100%;
    float: none;
    margin: 0 auto;
    padding: .5rem 0 0 0;
}

    /*联系我们*/
    .contactus .content .aboutyoi {
        width: 100%;
        height: auto;
    }
    .contactus .content .aboutyoi .title {
        font-size: 18px;
        padding: 0px;
    }
    .contactus .top-bg-line {
        width: 1.5rem;
    }
    .contactus .content .aboutyoi .brief {
        font-size: 14px;
    }
    .contactus .text {
        padding: 2rem .5rem;
    }
    .contactus .business {
        width: 80%;
        margin: 38px auto;
        background-color: #1e2534;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
        color: #fff;
        padding: 0px;
        padding-bottom: .5rem
    }
    .contactus .business .bord {
        float: none;
        width: 100%;
        padding: .5rem;
        padding-bottom: 0;
        margin: 0 auto;
    }
    .contactus .business .title {
        font-size: 14px;
    }
    .contactus .business .bord-line {
        width: 1.2rem;
        height: 1px;
        border: solid 1px #d9b765;
        margin: 10px 0 4px 0;
    }
    .contactus .business p {
        font-size: 10px;
        line-height: 1.5;
    }
}

@media screen and (max-width: 320px) {
    .common-header .menu ul li a {
        font-size: 12px;
    }
}